const plugin = require('tailwindcss/plugin')
export const themePlugin = plugin(function ({
  addBase,
  addComponents,
  addUtilities,
}) {
  addComponents({
    '.text-1-icon': {
      'color': "#060609",
    },
    '.text-2-icon': {
      'color': "#6C86AC",
    },
    '.text-2-disable': {
      'color': "#9BAFCD",
    },
    '.text-3-icon': {
      'color': "#BAC6DA",
    },
    '.text-3-disable': {
      'color': "#ECF0F9",
    },
    '.text-4-divide': {
      'color': "#E3E7EE",
    },
    '.bg-fill-1': {
      'background-color': "#ECF0F9",
    },
    '.bg-fill-1-white': {
      'background-color': "#FFFFFF",
    },
    '.bg-fill-2': {
      'background-color': "#FFFFFF",
    },
    '.bg-fill-4': {
      'background-color': "#F3F5F9",
    },
    '.bg-font-divide-4': {
      'background-color': "#E3E7EE",
    },
    '.border-bg-4': {
      'background-color': "#E3E7EE",
    },
    '.border-1-icon': {
      'border-color': "#060609",
    },
    '.bg-3-disable': {
      'background-color': "#ECF0F9",
    },
    '.border-divide-4': {
      'border-color': "#E3E7EE",
    },
    '.bg-fill-3-box': {
      'background-color': "#ECF0F9",
    },
    '.dark': {
      '.text-1-icon': {
        'color': "#FFFFFF",
      },
      '.text-2-icon': {
        'color': "#6C86AC",
      },
      '.text-2-disable': {
        'color': "#6C86AC",
      },
      '.text-3-icon': {
        'color': "#313F54",
      },
      '.text-3-disable': {
        'color': "#313F54",
      },
      '.text-4-divide': {
        'color': "#1F2734",
      },
      '.bg-fill-1': {
        'background-color': "#131723",
      },
      '.bg-fill-1-white': {
        'background-color': "#131723",
      },
      '.bg-fill-2': {
        'background-color': "#0E121C",
      },
      '.bg-fill-4': {
        'background-color': "#060609",
      },
      '.bg-fill-3-box': {
        'background-color': "#313F54",
      },
      '.border-bg-4': {
        'background-color': "#1F2734",
      },
      '.bg-3-disable': {
        'background-color': "#313F54",
      },
      '.bg-font-divide-4': {
        'background-color': "#1F2734",
      },
      '.border-divide-4': {
        'border-color': "#1F2734",
      },
      '.border-1-icon': {
        'border-color': "#FFFFFF",
      },
    }
  });
});